﻿body {
    background-color: #fcfcfd;
}

.container {
    width: 1200px !important;
    padding: 0px 0px;
}

/* 头部区域 */
header {
    width: 100%;
}

    header .top {
        background-image: linear-gradient(to bottom, #d5e7f3 0%, #d8eaf6 50%, #d5e7f3 100%);
        height: 35px;
        margin: 0px 0px;
        padding: 5px 20px;
        text-align: right;
    }

        header .top a, header .top span {
            line-height: 20px;
            color: #4b5d69;
        }

    header .logo {
        background-color: #ffffff;
        height: 255px;
    }

    header .navigation {
        width: 100%;
        height: 55px;
    }

        header .navigation .navbar-default {
            background-color: #007ee2;
            width: 100%;
            height: 55px;
            border-width: 0px;
            border-radius: 0px;
        }

            header .navigation .navbar-default .container {
                background-color: inherit;
            }

            header .navigation .navbar-default #navbar {
                padding: 0px 0px;
            }

            header .navigation .navbar-default ul.navbar-nav > li {
                float: left;
            }

                header .navigation .navbar-default ul.navbar-nav > li > a {
                    color: #ffffff;
                    padding: 15px 27px;
                    line-height: 25px;
                    font-size: 120%;
                }

                header .navigation .navbar-default ul.navbar-nav > li.open > a {
                    background-color: #45abfc;
                    color: #ffffff;
                }

                header .navigation .navbar-default ul.navbar-nav > li.active > a {
                    background-color: #34a0f5;
                }

                    header .navigation .navbar-default ul.navbar-nav > li.active > a:hover {
                        background-color: #45abfc;
                    }

                header .navigation .navbar-default ul.navbar-nav > li > ul.dropdown-menu {
                    background-color: #dbf0fa;
                    border-color: #cfcfcf;
                    border-width: 0px 1px 1px 1px;
                    border-style: solid;
                    padding: 0px 0px;
                    min-width: 150px;
                }

                    header .navigation .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li {
                        border-top: 1px dotted #cfcfcf;
                    }

                        header .navigation .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li > a {
                            color: #3f3f3f;
                            padding: 10px 20px;
                        }

                            header .navigation .navbar-default ul.navbar-nav > li > ul.dropdown-menu > li > a:hover {
                                background-color: #7cc5ff;
                                color: #ffffff;
                            }

/* 主体区域 */
.main {
    width: 100%;
}

    .main .container {
        background-color: #ffffff;
        box-shadow: 0px 0px 10px 5px #cfcfcf;
    }

/* 页脚区域 */
footer {
    width: 100%;
    padding: 25px 25px;
    text-align: center;
    color: #0f0f0f;
}

    footer a {
        color: #0f0f0f;
    }

/* 提示对话框样式 */
.modal > .modal-dialog > .modal-content > .modal-header {
    padding: 20px 15px;
    background-image: linear-gradient(to bottom, #ea690d 0%, #f18d1b 65%, #f46e0f 100%);
    background-repeat: repeat-x;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    color: #ffffff;
}

.modal > .modal-dialog > .modal-content > .modal-body {
    min-height: 100px;
    color: #f46e0f;
    font-size: 105%;
    font-weight: bold;
    line-height: 35px;
}

.modal > .modal-dialog > .modal-content > .modal-footer {
    padding: 10px 10px;
}
